<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>

<p>点击按钮后对数组元素进行四舍五入并计算总和。</p>
<button onclick="myFunction()">点我</button>
<!--
语法
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数 	描述
function(total,currentValue, index,arr) 	必需。用于执行每个数组元素的函数。
函数参数:
参数 	描述
total 	必需。初始值, 或者计算结束后的返回值。
currentValue 	必需。当前元素
currentIndex 	可选。当前元素的索引
arr 	可选。当前元素所属的数组对象。
initialValue 	可选。传递给函数的初始值
-->
<p>数组元素之和: <span id="demo"></span></p>

<script>
    var numbers = [ 1, 4];

    function getSum(total, num) {
        return total + Math.round(num);
    }
    function myFunction(item) {
        document.getElementById("demo").innerHTML = numbers.reduce((total, num) =>{
            return total + Math.round(num)
        },1
    );
    }
</script>

</body>
</html>
